import lessModule from "./index.module.less"

// 主页-卡片标题组件
interface componentInterface {
    title: string
    bgColor?:string
    border?:string
    margin?:string
}
const HomePage_CardTitleComponent: React.FC<componentInterface> = (props) => {
    return (
        <div className={lessModule["homePageCardTitleComponent"]} style={{margin:props.margin??0}}>
            <div className={lessModule["homePageCardTitleComponent-content"]} style={{backgroundColor:props.bgColor ??  "rgba(0, 0, 0, 0.04)" ,border:props.border??"none"}}>{props.title}</div>
        </div>
    )
}

export default HomePage_CardTitleComponent